
    let str = ''
    let classifyStr = ''
    let titleid
    let uu = document.querySelector('.main>ul')
    let lis = document.querySelectorAll('.main>ul>li')
    fetch('http://chst.vip:1234/api/getcategorytitle')
        .then(body => body.json())
        .then(res => {
            let ids = []
            res.result.forEach(item => {
                titleid = item.titleId
                ids.push(titleid)
                str += `<li titleid=${item.titleId}>
            <div>
            <span>${item.title}</span>
            <b>▼</b>
            </div>
            <div class='container'></div>
            
        </li>`
            })
            uu.innerHTML = str
            return ids
        })
        .then(async ids => {
            let container = document.querySelectorAll(".container")
            let bjsearch = ids.map(titleid => {
                return fetch("http://chst.vip:1234/api/getcategory?titleid=" + titleid)
                    .then(body => body.json())
                    .then(res1 => {
                        let str = ''
                        res1.result.forEach(item => {
                            console.log(item)
                            str += `<a categoryid=${item.categoryId}  title=${item.category}>${item.category}</a>`
                        })
                        return str
                    })
            })
            let res = await Promise.all(bjsearch)
            res.forEach((item, index) => {
                container[index].innerHTML = item
            })
            $('.main>ul').find('.container').prop('flag', false)
            $(".main>ul>li>div:nth-of-type(1)").click(function () {
                let flag = $(this).parent().find('.container').prop('flag')
                if (flag) {
                    $(this).parent().find('.container').slideUp(200).prop('flag', false)
                    return
                }
                $(this).parent().find('.container').slideDown(200).prop('flag', true).parent().siblings().find('.container').slideUp(200).prop('flag', false)
            })
            $('.main>ul>li>.container>a').click(function () {
                let categoryid = $(this).attr('categoryid')
                let title = $(this).attr('title')
                location.href = './bjsearchList.html?title=' + title + '&categoryid=' + categoryid
            })
        })

